<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-gradual-fff">
			<block slot="content">测评结果</block>
		</cu-custom>
		<u-loading-page :loading="true" loading-text="loading..." v-if="showLoading"></u-loading-page>
		<view v-show="!showLoading">
			<view class="viewbox"></view>
			<view class="group1">
				<view class="p">
					<view class="text1">{{title}}</view>
				</view>
				<view class="content">
					<view class="line text-indent">
						<text>
							爱和性就像一条河流，缓缓流淌，没有尽头。性不是爱情的全部，但爱情里一定会有性。男人需要性，女人需要爱，男女的结合实际上是性与爱、灵与肉的结合。性是人类生命的源泉，是不可缺的部分，性爱与我们的身心健康密切相关。
						</text>
					</view>
					<view class="detail">
						<view><text>1． 它可以提高我们的睡眠质量，有利于加快新陈代谢，缓解疲劳。</text></view>
						<view><text>2． 促进夫妻情感，性是爱的必需品。</text></view>
						<view><text>3． 促进血液循环，调节激素水平。</text></view>
						<view><text>4． 缓解压力，让心情达到放松和舒畅的状态。</text></view>
						<view><text>5． 延缓衰老，提高机体免疫力。</text></view>
						<view><text>6． 预防心血管疾病。</text></view>
						<view><text>7． 缓解身体疼痛。</text></view>
						<view><text>8． 美容养颜。</text></view>
						<view><text>9． 预防妇科疾病。</text></view>
					</view>
					<view class="line">
						<text>
							性生活过度频繁，对男性而言，有可能会出现
						</text>
					</view>
					<view class="detail">
						<view><text>1. 肾虚的症状，比如腰膝酸软，五心烦热，浑身乏力，精神萎靡等症状。</text></view>
						<view><text>2. 会出现头痛失眠、注意力不集中等症状。</text></view>
						<view><text>3. 会出现性功能障碍，前列腺炎、附睾炎等症状。</text></view>
					</view>
					<view class="line">
						<text>
							对女性而言，可能会出现
						</text>
					</view>
					<view class="detail">
						<view><text>1. 过度疲劳，记忆力下降。</text></view>
						<view><text>2. 生殖系统感染性疾病。</text></view>
						<view><text>3. 宫颈病变，增加宫颈癌变的几率。</text></view>
						<view><text>4. 导致阴道粘膜损伤。</text></view>
					</view>
					<view class="line">
						<text>
							如果长时间没有性生活也会对身体造成一定的伤害，男性会容易导致
						</text>
					</view>
					<view class="detail">
						<text>
							<view><text>1. 性功能障碍。</text></view>
							<view><text>2. 还容易引起前列腺炎。</text></view>
							<view><text>3. 精子活性变差，性欲降低。</text></view>
						</text>
					</view>
					<view class="line">
						<text>
							女性会容易导致
						</text>
					</view>
					<view class="detail">
						<view><text>1. 降低阴道的自洁能力，易得阴道炎。</text></view>
						<view><text>2. 经量异常、痛经。</text></view>
						<view><text>3. 情绪波动较大。</text></view>
					</view>
					<view class="line text-indent">
						<text>
							性不老，生命不老，性能量是最强大的能量。性爱是一种力量，也是一种智慧，性爱更是人生幸福生活中最美好的感觉。它是寻找，是发现，是创造，它是彼此给予和感受愉悦的方式，也是最美最真实的部分。
						</text>
					</view>
					<view class="line text-indent">
						<text>
							性爱运动过早不行，过度不行，不做更不行，根据测试，您目前合适的性生活频率为{{count}}。
						</text>
					</view>
				</view>
			</view>
			<!-- <view class="group2">
				<navigator url="/pages/test_center/evaluate"><button class="btn">写评价</button></navigator>
			</view> -->
		</view>	
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title: '',
				type: '',
				map: {
					'20-29': '1周8次',
					'30-39': '2周7次',
					'40-49': '3周6次',
					'50-59': '4周5次',
					'60-69': '5周4次',
					'70-79': '6周3次',
					'80-89': '7周2次',
					'90-99': '8周1次',
				},
				count: '',
				age: ''
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			const params = JSON.parse(option.data || "{}")
			const selfBirthday = params.selfBirthday
			const sex = params.sex
			this.type = params.type
			this.title = params.title
			if (!selfBirthday || !sex) {
				return
			}
			const age = new Date().getFullYear() - selfBirthday.slice(0, 4)
			this.age = age
			const propName = Object.keys(this.map).find(el => {
				const [min, max] = el.split('-')
				return age >= min && age <= max
			})
			this.count = this.map[propName]
		},
		computed: {},
		methods: {}
	}
</script>

<style  lang="scss" scoped>
	.group1{
		margin: auto;
		margin-top: 60rpx;
		width: 700rpx;
		height: auto;
		border-radius: 20rpx;
		box-shadow: inset 0 0 20rpx 20rpx rgba(85, 56, 105, 1);
		padding: 40rpx;
	}
	.p{
		overflow: hidden;
	}
	.text1{
		// position: absolute;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		line-height: 120rpx;
	}
	.content{
		width:100%;
		height: auto;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		color: #FFFFFF;
		line-height: 48rpx;
	}
	.group2{
		width: 750rpx;
		height: 120rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		border: 1px solid #F2F2F2;
		position: fixed;
		bottom: 0rpx;
	}
	.btn{
		margin-top: 16rpx;
		width: 330rpx;
		height: 88rpx;
		background: #62469B;
		border-radius: 44rpx;
		

		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		line-height: 90rpx;
	}
</style>